<template>
    <div >
      <img src="../assets/background.png" class="bgp">
      <!-- 左边内容 -->
      <div class="left">
        <p style="font-size:45px;">Model Sending</p>
        <p style="color: #4c4c4c">Send the model to users and train iteratively</p>
        <input type="button" value="TRAIN" class="btn bt1" style="margin-left:20%;margin-top:5%">
      </div>
      <!-- 右边内容 -->
      <div class="right">
        <img src="../assets/icon.png" width="50px" height="50px" class="icon">
      </div>
    </div>
</template>

<script>
export default {
    
}
</script>

<style scoped>
  .left{
    width: 30%;
    height: 400px;
    position: absolute;
    left: 20px;
    top: 150px;
    background-color: rgba(0,0,0,0);
  }
  .right{
    position: absolute;
    width: 60%;
    top: 50px;
    right: 50px;
  }
  .icon{
    position: absolute;
    left: 50%;
    top: 250px;
  }
</style>